<template>
<el-breadcrumb separator-class="el-icon-arrow-right" class="naviBar">
    <el-breadcrumb-item @click.stop="backHome"><i class="el-icon-guide"></i> 首页</el-breadcrumb-item>
    <el-breadcrumb-item @click.stop="backGroup"><i class="el-icon-document-copy"></i> {{map_type}}</el-breadcrumb-item>
    <el-breadcrumb-item class="target"><i class="el-icon-document"></i> {{map_name}}</el-breadcrumb-item>
</el-breadcrumb>
</template>

<script>
export default {
    name:'NavigationBar',
    props: {
        map_type: String,
        map_name: String
    },
    methods:{
        backHome:function(){
            console.log("backHome")
        },
        backGroup:function(){
            console.log("backGroup")
        }
    }
}
</script>

<style scoped>
.naviBar{
    margin-left:13px;
    z-index: 999;
}
.target{
    color: red;
}
</style>